<template>
  <el-card>
    <div class="dashboard-editor-container">
      <!-- 首页公告区域 -->
      <c-left class="content-left" />
      <c-right class="content-right" />
    </div>
  </el-card>
</template>

<script>
import cLeft from './components/left/index.vue'
import cRight from './components/Right.vue'

export default {
  name: 'DashboardAdmin',
  components: { cLeft, cRight }
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  height: 100%;
  display: flex;

  .content-left {
    flex: 7;
  }
  .content-right {
    flex: 3;
    min-width: 220px;
    display: none;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
@media (min-width: 800px) {
  .dashboard-editor-container .content-right {
    display: block !important;
  }
}
</style>
